@import '~antd/es/style/themes/default.less';

html,
body,
#root {
  height: 100%;
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}
.tangram-suggestion-main {
  z-index: 9999999999;
}
canvas {
  display: block;
}
.ant-pro-table{
  .ant-card{
    padding-bottom: 20px;
  }
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}

// 兼容IE11
@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}
// 菜单
.ant-menu{
.ant-pro-menu-item{
    display: flex;
    justify-content: start;
    align-items: center;
  .anticon img{
    width: 30px;
    height: 30px;
  }
}
}
.img_div{
  max-height: 80px;
  max-width: 80px;
}
.store_div{
    width: 100%;
    height: 100%;
  display: flex;
  justify-content: space-between;
}
.Select_store{
  .selected_div{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
// 弹窗
.formModal {
    :global{
        .ant-form {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            >.ant-row {
                width: 50%;
               .formItem_div{
                 margin: 0;
               }
                .ant-picker{
                  width: 100%;
                }
            }
           .ant-space-horizontal{
               width: 100%;
               margin-top: 60px;
               justify-content: space-around;
           }
         .ant-form-item-control-input{
           .ant-checkbox-group{
            max-height: 100px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            overflow-y: auto;
            min-height: 70px;
            label{
              font-size: 13px;
            }
            .ant-checkbox-group-item{
              min-width: 70px
            }
           }
         }
        }
    }
  }
  .formBottom{
    :global{
      .ant-form{
        .ant-space-horizontal{
          width: 100%;
          display: flex;
          justify-content: space-between;
        }
        >.ant-row {
         .formItem_div{
           margin: 0;
         }
         .selected_div{
          display: flex;
          justify-content: flex-start;
          align-items: center;
          max-width: 650px;
          flex-wrap: wrap;
          max-height: 100px;
          overflow-y: auto;
          .store_selected{
            min-width: 100px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border: 1px solid #D9D9D9;
            padding: 5px 10px;
            margin-left: 5px;
            margin-bottom: 5px;
          }

         }

      }
      }

    }
  }
  .edit_Table{
    padding: 20px;
    border: 1px solid #F0F0F0;
    .searchStore{
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      margin-bottom: 20px;
      .search_div{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        span{
          display: block;
        }
      }
    }
  }

  .searchAddress{
    margin-bottom: 10px;
    justify-content: space-between;
    display: flex;
    width: 100%;
    align-items: center;
    .ant-select{
      width: 30%;
    }
   }

   .pageContainer{
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    // :global{
      .ant-pro-grid-content{
        height: 100%;
            .ant-pro-grid-content-children{
              height: 100%;
              .Steps_Card{
                background-color: white;
                height: 100%;
                padding: 20px;
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                align-items: center;
                .steps_head{
                  width: 100%;
                  display: flex;
                  flex-direction: column;
                  height: 100px;
                  justify-content: space-between;
                }
              }
            }
      }

   }
   // 退款审核底部按钮
  .footer_btn{

  }
  .ant-page-header{
    margin-left: 20px;
  }
